<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./../template.xhtml">

            <ui:define name="title">
                title
            </ui:define>

            <ui:define name="body">
                <h:form id="WizarPacienteForm">   
                    <p:wizard widgetVar="wiz" >  

                        <p:tab id="personal" title="Paciente">  

                            <p:panel header="Datos Personales">  

                                <h:messages errorClass="error"/>  

                                <h:panelGrid columns="3" columnClasses="label, value" styleClass="grid" > 
                                    <h:outputLabel value="#{bundle.CreatePacientesLabel_cedula}*" for="cedula" />
                                    <p:inputText id="cedula" value="#{wizarPacienteControlador.paciente.cedula}" 
                                                 title="#{bundle.CreatePacientesTitle_cedula}" required="true" 
                                                 requiredMessage="#{bundle.CreatePacientesRequiredMessage_cedula}"
                                                  />
                                    <h:messages for="cedula" errorClass="error"/>  

                                    <h:outputLabel value="#{bundle.CreatePacientesLabel_nombres}" for="nombres" />
                                    <p:inputText id="nombres" value="#{wizarPacienteControlador.paciente.nombres}" 
                                                 title="#{bundle.CreatePacientesTitle_nombres}" required="true" 
                                                 requiredMessage="#{bundle.CreatePacientesRequiredMessage_nombres}"/>
                                    <h:messages for="nombres" errorClass="error"/>

                                    <h:outputLabel value="#{bundle.CreatePacientesLabel_apellidos}" for="apellidos" />
                                    <p:inputText id="apellidos" value="#{wizarPacienteControlador.paciente.apellidos}" 
                                                 title="#{bundle.CreatePacientesTitle_apellidos}" required="true" 
                                                 requiredMessage="#{bundle.CreatePacientesRequiredMessage_apellidos}"/>
                                    <h:messages for="apellidos" errorClass="error"/> 

                                    <h:outputLabel value="#{bundle.CreatePacientesLabel_sexo}" for="sexo" />
                                    <p:selectOneRadio id="sexo" value="#{wizarPacienteControlador.paciente.sexo}" 
                                                      required="true" requiredMessage="#{bundle.CreatePacientesRequiredMessage_sexo}">  
                                        <f:selectItem itemLabel="Masculino" itemValue="Masculino" />  
                                        <f:selectItem itemLabel="Femenino" itemValue="Femenino" />  
                                    </p:selectOneRadio>
                                    <h:messages for="sexo" errorClass="error"/> 

                                    <h:outputLabel value="#{bundle.CreatePacientesLabel_fechanacimiento}" for="fechanacimiento" />
                                    <p:calendar id="fechanacimiento" pattern="MM/dd/yyyy" value="#{wizarPacienteControlador.paciente.fechanacimiento}"
                                                title="#{bundle.EditPacientesTitle_fechanacimiento}" required="true" 
                                                requiredMessage="#{bundle.EditPacientesRequiredMessage_fechanacimiento}" 
                                                navigator="true" yearRange="1920:" showOn="button" />
                                    <h:messages for="fechanacimiento" errorClass="error"/> 
                                </h:panelGrid>  
                            </p:panel>  
                        </p:tab>  

                        <p:tab id="contact" title="Contactos">  
                            <p:panel header="Informacion de Contactos">  

                                <h:messages errorClass="error"/>  

                                <h:panelGrid columns="3" columnClasses="label, value">  
                                    <h:outputLabel value="#{bundle.CreateAgendaLabel_telefonocasa}" for="telefonocasa" />
                                    <p:inputMask id="telefonocasa" value="#{wizarPacienteControlador.agenda.telefonocasa}" 
                                                 title="#{bundle.CreateAgendaTitle_telefonocasa}"  
                                                 requiredMessage="#{bundle.CreateAgendaRequiredMessage_telefonocasa}" 
                                                 mask="099999999" />
                                    <h:message for="telefonocasa" errorClass="error" />

                                    <h:outputLabel value="#{bundle.CreateAgendaLabel_telefonotrabajo}" for="telefonotrabajo" />
                                    <p:inputMask id="telefonotrabajo" value="#{wizarPacienteControlador.agenda.telefonotrabajo}" 
                                                 title="#{bundle.CreateAgendaTitle_telefonotrabajo}"  
                                                 requiredMessage="#{bundle.CreateAgendaRequiredMessage_telefonotrabajo}"
                                                 mask="0999999999"/>
                                    <h:message for="telefonotrabajo" errorClass="error"/>

                                    <h:outputLabel value="#{bundle.CreateAgendaLabel_direccion}" for="direccion" />
                                    <p:inputTextarea id="direccion" value="#{wizarPacienteControlador.agenda.direccion}" 
                                                 title="#{bundle.CreateAgendaTitle_direccion}"  
                                                 requiredMessage="#{bundle.CreateAgendaRequiredMessage_direccion}"
                                                 rows="2" cols="22" autoResize="false"/>
                                    <h:message for="telefonotrabajo" errorClass="error"/>

                                    <h:outputLabel value="#{bundle.CreateAgendaLabel_mail}" for="mail" />
                                    <p:inputText id="mail" value="#{wizarPacienteControlador.agenda.mail}" 
                                                 title="#{bundle.CreateAgendaTitle_mail}" 
                                                 requiredMessage="#{bundle.CreateAgendaRequiredMessage_mail}"
                                                 validatorMessage="Formato Incorrecto Ejemplo: www.ejemplo@correo.com " >
                                             <!-- <f:validateRegex pattern="[\w\.-]*[a-zA-Z0-9_]@[\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]" />-->
                                </p:inputText>

                                </h:panelGrid>  
                            </p:panel>  
                        </p:tab>  

                        <p:tab id="address" title="Antecedentes">  
                            <p:panel header="Detalle de Antecedentes">  

                                <h:messages errorClass="error"/>  

                                <h:panelGrid columns="2" columnClasses="label, value">     

                                    <h:outputLabel value="#{bundle.CreateAntecedentesLabel_descripcion}" for="descripcion" />
                                    <p:inputTextarea id="descripcion" value="#{wizarPacienteControlador.antecendente.descripcion}" 
                                                     title="#{bundle.CreateAntecedentesTitle_descripcion}" required="true"
                                                     requiredMessage="#{bundle.CreateAntecedentesRequiredMessage_descripcion}"
                                                     rows="10" cols="50"  autoResize="false"/>

                                  <!-- <h:outputLabel value="#{bundle.CreateAntecedentesLabel_estadocivil}" for="estadocivil" />
                                <p:inputText id="estadocivil" value="#{wizarPacienteControlador.antecendente.estadocivil}" 
                                             title="#{bundle.CreateAntecedentesTitle_estadocivil}" required="true" 
                                             requiredMessage="#{bundle.CreateAntecedentesRequiredMessage_estadocivil}"/>

                                <h:outputLabel value="#{bundle.CreateAntecedentesLabel_numerohijos}" for="numerohijos" />
                                <p:inputText id="numerohijos" value="#{wizarPacienteControlador.antecendente.numerohijos}" 
                                             title="#{bundle.CreateAntecedentesTitle_numerohijos}" required="true" 
                                             requiredMessage="#{bundle.CreateAntecedentesRequiredMessage_numerohijos}"/>

                                <h:outputLabel value="#{bundle.CreateAntecedentesLabel_alergias}" for="alergias" />
                                <p:inputTextarea id="alergias" value="#{wizarPacienteControlador.antecendente.alergias}" 
                                                 title="#{bundle.CreateAntecedentesTitle_alergias}" required="true" 
                                                 requiredMessage="#{bundle.CreateAntecedentesRequiredMessage_alergias}" 
                                                 rows="10" cols="50" autoResize="false"/>  -->    

                                </h:panelGrid>  
                            </p:panel>  
                        </p:tab>  

                        <p:tab id="confirm" title="Confirmaci&oacute;n">  
                            <p:panel header="Confirmaci&oacute;n">  
                                <p:fieldset legend="Datos Paciente" toggleable="true" toggleSpeed="500">  

                                    <h:panelGrid columns="2" columnClasses="label, value">  
                                        <h:outputLabel value="#{bundle.CreatePacientesLabel_cedula}" />
                                        <h:outputLabel value="#{wizarPacienteControlador.paciente.cedula}" />

                                        <h:outputLabel value="#{bundle.CreatePacientesLabel_nombres}" />
                                        <h:outputLabel value="#{wizarPacienteControlador.paciente.nombres}" />

                                        <h:outputLabel value="#{bundle.CreatePacientesLabel_apellidos}" />
                                        <h:outputLabel value="#{wizarPacienteControlador.paciente.apellidos}" />

                                        <h:outputLabel value="#{bundle.CreatePacientesLabel_sexo}" />
                                        <h:outputLabel value="#{wizarPacienteControlador.paciente.sexo}" />  

                                        <h:outputLabel value="#{bundle.CreatePacientesLabel_fechanacimiento}" />
                                        <h:outputLabel value="#{wizarPacienteControlador.paciente.fechanacimiento}">
                                            <f:convertDateTime pattern="MM/dd/yyyy"/> 
                                        </h:outputLabel>  
                                    </h:panelGrid>  
                                </p:fieldset> 

                                <p:fieldset legend="Datos Contactos" toggleable="true" toggleSpeed="500">  

                                    <h:panelGrid columns="2" columnClasses="label, value">  
                                        <h:outputLabel value="#{bundle.CreateAgendaLabel_telefonocasa}" for="telefonocasa" />
                                        <h:outputLabel value="#{wizarPacienteControlador.agenda.telefonocasa}" />

                                        <h:outputLabel value="#{bundle.CreateAgendaLabel_telefonotrabajo}" for="telefonotrabajo" />
                                        <h:outputLabel value="#{wizarPacienteControlador.agenda.telefonotrabajo}" />

                                        <h:outputLabel value="#{bundle.CreateAgendaLabel_direccion}" for="direccion" />
                                        <h:outputLabel value="#{wizarPacienteControlador.agenda.direccion}" />

                                        <h:outputLabel value="#{bundle.CreateAgendaLabel_mail}" for="mail" />
                                        <h:outputLabel value="#{wizarPacienteControlador.agenda.mail}" />

                                    </h:panelGrid>  
                                </p:fieldset> 

                                <p:fieldset legend="Datos Antecedentes" toggleable="true" toggleSpeed="500">  

                                    <h:panelGrid columns="2" columnClasses="label, value">                             

                                        <h:outputLabel value="#{bundle.CreateAntecedentesLabel_descripcion}" for="descripcion" />
                                        <p:inputTextarea value="#{wizarPacienteControlador.antecendente.descripcion}"
                                                         disabled="true" rows="10" cols="50" autoResize="false" />

                                        <h:outputLabel value="#{bundle.CreateAntecedentesLabel_fechacreacion}" />
                                        <h:outputLabel value="#{wizarPacienteControlador.antecendente.fechacreacion}">
                                            <f:convertDateTime pattern="MM/dd/yyyy"/> 
                                        </h:outputLabel>

   <!--<h:outputLabel value="#{bundle.CreateAntecedentesLabel_estadocivil}" for="estadocivil" />
<h:outputLabel value="#{wizarPacienteControlador.antecendente.estadocivil}" />

<h:outputLabel value="#{bundle.CreateAntecedentesLabel_numerohijos}" for="numerohijos" />
<h:outputLabel value="#{wizarPacienteControlador.antecendente.numerohijos}" />

<h:outputLabel value="#{bundle.CreateAntecedentesLabel_alergias}" for="alergias" />
<p:inputTextarea value="#{wizarPacienteControlador.antecendente.alergias}" 
                 disabled="false" rows="10" cols="50" autoResize="false"/>-->


                                    </h:panelGrid>   
                                </p:fieldset> 
                                <p:commandButton value="Guardar" immediate="true" action="#{wizarPacienteControlador.editarWizard}" 
                                                 update=":growl"  />  
                            </p:panel>  
                        </p:tab>  
                    </p:wizard> 
                </h:form> 
            </ui:define>

        </ui:composition>

    </body>
</html>
